<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>佑三软膏-在线购买</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="fonts/glyphicons-halflings-regular.svg">
</head>
<body class="dark">
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html">首页</a></li>
                <li><a href="javascript:;" class="active">在线购买</a></li>
                <li><a href="cases.html">佑三案例</a></li>
                <li><a href="about.html">关于佑三</a></li>
                <li><a href="join.html">佑三加盟</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div>
</nav>

<section class="top-nav buy">
    <div class="container">
        <div class="row">
            <div class="col-md-2">
                <div class="about-menu buy-menu">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#product1" aria-controls="product1" role="tab"
                                                                  data-toggle="tab">佑三护理膏</a></li>
                        <li role="presentation"><a href="#product2" aria-controls="product2" role="tab"
                                                   data-toggle="tab">佑三口服液</a></li>
                        <li role="presentation"><a href="#product3" aria-controls="product3" role="tab"
                                                   data-toggle="tab">亿化源活性亲肤露</a></li>
                        <li role="presentation"><a href="#product4" aria-controls="product4" role="tab"
                                                   data-toggle="tab">亿化源活性美颜霜</a></li>
                        <li role="presentation"><a href="#product5" aria-controls="product5" role="tab"
                                                   data-toggle="tab">亿化源活性洗面奶</a></li>
                        <li role="presentation"><a href="#product6" aria-controls="product6" role="tab"
                                                   data-toggle="tab">畅怡私护—女性私御养护</a></li>
                        <li role="presentation"><a href="#product7" aria-controls="product7" role="tab"
                                                   data-toggle="tab">畅怡私护—前列腺养护</a></li>
                        <li role="presentation"><a href="#product8" aria-controls="product8" role="tab"
                                                   data-toggle="tab">亿化源紧致抗皱眼霜</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-10">
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane fade in active" id="product1">
                        <div class="row white pd">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="showImg">
                                        <img src="images/b-pro-hlg1.jpg" alt="" id="bigPic">
                                    </div>
                                    <div class="littlePic-list" id="littlePic-list">
                                        <ul class="clearfix">
                                            <li><a href="javascript:;" class="active"><img src="images/b-pro-hlg1.jpg"
                                                                                           alt=""></a></li>
                                            <li><a href="javascript:;"><img src="images/b-pro-hlg2.jpg" alt=""></a></li>
                                            <li><a href="javascript:;"><img src="images/b-pro-hlg3.jpg" alt=""></a></li>
                                            <li><a href="javascript:;"><img src="images/b-pro-hlg4.jpg" alt=""></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-offset-1 col-md-5">
                                <div class="row">
                                    <form action="">
                                        <h3 class="">佑三护理膏25g</h3>
                                        <ul class="buy-right">
                                            <li><p>1涂 2搓 3康健</p></li>
                                            <li><span>价格</span><span class="price">¥199</span></li>
                                            <li><span>数量</span>
                                                <div class="number-con">
                                                    <input type="text" value="1" id="number" disabled>
                                                    <div class="number-btn">
                                                        <span id="add" class="glyphicon glyphicon-triangle-top"></span>
                                                        <span id="min"
                                                              class="glyphicon glyphicon-triangle-bottom"></span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li><span></span>
                                                <a href="javascript:;" id="add-shop" class="add-shop"><span
                                                        class="shop-car"></span>加入购物车</a>
                                            </li>
                                            <li><span>预计发货</span><span class="starTime">2222年2月2日</span></li>
                                            <li><span>推荐理由</span>
                                                <span class="reason">佑三很简单，就是123，1涂2搓3康健。佑三软膏是平衡医学创始人王佑三先生研制而成，原名“华夏一号”，后改名为“平安软膏”，在日本和台湾被称为“万能膏”、“东方魔膏”。</span>
                                            </li>
                                        </ul>
                                    </form>
                                </div>

                            </div>
                        </div>
                        <div class="row white mt pd">
                            <div class="col-md-12">
                                <p class="b-introduce-title"></p>
                                <div class="intro-info-tabs">
                                    <!-- Nav tabs -->
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li role="presentation" class="active"><a href="#introduce-tab"
                                                                                  aria-controls="introduce-tab"
                                                                                  role="tab" data-toggle="tab">产品介绍</a>
                                        </li>
                                        <li role="presentation"><a href="#info-tab" aria-controls="info-tab" role="tab"
                                                                   data-toggle="tab">产品信息</a></li>
                                    </ul>

                                    <!-- Tab panes -->
                                    <div class="tab-content">
                                        <div role="tabpanel" class="tab-pane active" id="introduce-tab">
                                            <div class="b-textBox">
                                                <h4>佑三软膏 佑三很简单，就是123，1涂2搓3康健</h4>
                                                <p>
                                                    佑三软膏是平衡医学创始人王佑三先生研制而成，原名“华夏一号”，后改名为“平安软膏”，在日本和台湾被称为“万能膏”、“东方魔膏”。本品能迅速解决皮肤意外伤害问题，并可通过增强吞噬细胞吞噬率（1.97-2.61倍）和提高血清溶菌酶的含量（2.01-2.88倍）使机体免疫力得以加强，因此他的用途和范围在实践中不断得到延伸，对各种身体不适有辅助调理和预防的作用，适用范围非常广泛。自1965年问世以来，佑三软膏已经经过半个世纪上千万人次的效果印证，操作简单、安全，使家庭应急和保健“家庭化”、“简单化”、“健康化”、“节约化”，成为使用者身边不可或缺的的必备品，被大家亲切地称为“家庭小药箱”、“衣兜里的医生”。</p>
                                                <h4>佑三软膏药效学</h4>
                                                <span>一，有增强机体防御功能的作用</span>
                                                <p>该药外用后，机体吞噬细胞的吞噬率曾强1.97-2.61倍，血清溶酶菌提高2.01-2.88倍，说明该药可以提高集体的防卫功能。</p>
                                                <span>二，有显著的镇痛作用</span>
                                                <p>
                                                    该药外用时，有显著的局部止痛作用，小白鼠热板实验中，痛觉阈值提高2.03-2.81倍，镇痛字数喂52.9-181.0，而对照组仅为0.08-3.90，这在统计学上有显著意义。</p>
                                                <span>三，有显著抗过敏作用</span>
                                                <p>该药不仅对抗原抗体型过敏反应有着显著抑制作用，抑制率到65.8%，而且对组织胺型过敏也有一定作用，抑制率喂33.4%-48.1%。</p>
                                                <span>四，有显著抗炎作用</span>
                                                <p>该药用于大白鼠足跖炎症模型，有显著抗炎作用，抗炎作用在30-45分钟开始，可持续360分钟之久，并基本恢复到正常水平。</p>
                                                <span>五，对污染性创伤有加速愈合作用</span>
                                                <p>
                                                    对污染性烫伤、切割伤、贯穿伤有良好的治疗作用，外用后可使创面炎症化脓减少，加速伤口愈合；鉴于该药本身并无明显抑菌作用，它对污染性创伤的治疗作用可能与提高机体防御功能及促进创口愈合有关。</p>
                                            </div>
                                        </div>
                                        <div role="tabpanel" class="tab-pane" id="info-tab">
                                            <div class="b-textBox">
                                                <h4>佑三软膏基本信息</h4>
                                                <ul class="info-list">
                                                    <li>商品名称：<span>佑三软膏</span></li>
                                                    <li>净含量：<span>25g</span></li>
                                                    <li>生产许可证号：<span>XK16-108 9842</span></li>
                                                    <li>卫生许可证号：<span>(2012)卫妆准字09-XK-0216号</span></li>
                                                    <li>产品成分：<span>凡士林、人参提取液、金银花提取液、鱼腥草萃取液等</span></li>
                                                    <li>使用方法：<span>取适量直接涂抹在皮肤上（避开患处），按摩至皮肤微红微热即可。如配合佑三独特手法，效果更佳。</span>
                                                    </li>
                                                    <li>生产日期及批号：<span>见包装</span></li>
                                                    <li>执行标准号：<span>QB/T1857-2004</span></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>


                            <div class="col-md-12">
                                <h4 class="text-center">佑三护理膏主要成分</h4>
                                <div class="row make-up">
                                    <div class="col-xs-6 col-md-3">
                                        <img src="images/b-makeUp-1.png" alt="">
                                    </div>
                                    <div class="col-xs-6 col-md-3">
                                        <img src="images/b-makeUp-2.png" alt="">
                                    </div>
                                    <div class="col-xs-6 col-md-3">
                                        <img src="images/b-makeUp-3.png" alt="">
                                    </div>
                                    <div class="col-xs-6 col-md-3">
                                        <img src="images/b-makeUp-4.png" alt="">
                                    </div>
                                </div>
                                <h4 class="text-center">佑三很简单，就是123</h4>
                                <p class="text-center"><span class="blue-bar">1涂 2搓 3康健</span></p>
                                <div class="row use-steps">
                                    <div class="col-md-4">
                                        <img src="images/b-useSteps-1.png" alt="">
                                    </div>
                                    <div class="col-md-4">
                                        <img src="images/b-useSteps-2.png" alt="">
                                    </div>
                                    <div class="col-md-4">
                                        <img src="images/b-useSteps-3.png" alt="">
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <p class="b-picture-title"></p>
                            </div>
                            <div class="col-md-12">
                                <ul class="b-showPicture">
                                    <li><img src="images/b-show-pic1.jpg" alt=""></li>
                                    <li><img src="images/b-show-pic2.jpg" alt=""></li>
                                    <li><img src="images/b-show-pic3.jpg" alt=""></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="product2">
                        <div class="row"></div>

                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="product3">
                        <div class="row"></div>

                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="product4">
                        <div class="row"></div>

                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="product5">
                        <div class="row"></div>

                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="product6">
                        <div class="row"></div>

                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="product7">
                        <div class="row"></div>

                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="product8">
                        <div class="row"></div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="block contact">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-4">
                <div class="">
                    <h3>联系我们</h3>
                    <p><i class="contact-icon place"></i>提升吞噬细胞吞噬率1.97-2.61倍。</p>
                    <p><i class="contact-icon email"></i>提升吞噬细胞吞噬率1.97-2.61倍。</p>
                    <p><i class="contact-icon phone"></i>提升吞噬细胞吞噬率1.97-2.61倍。</p>
                </div>
            </div>
            <div class="col-sm-12 col-md-3 col-md-offset-1">
                <div class="foot-menu">
                    <h3><a href="index.html">首页</a></h3>
                    <p><a href="">在线购买</a></p>
                    <p><a href="">佑三案例</a></p>
                    <p><a href="">关于佑三</a></p>
                    <p><a href="">佑三加盟</a></p>
                </div>
            </div>
            <div class="col-sm-12 col-md-2 col-md-offset-2">
                <div class="">
                    <h3>微信二维码</h3>
                    <p class="weChat"><img src="images/product-pic1.jpg" alt=""></p>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="foot">
    <div class="container">
        <p class="foot-text">京ICP备2333333号-1@隶属北京某某某有限公司</p>
    </div>
</div>

<a href="javascript:;" id="goTop" class="goTop"></a>
</body>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/common.js"></script>
<script>
    $(function () {
        $('#littlePic-list img').hover(function () {
            $(this).parents().addClass('active').parents().siblings().find('a').removeClass('active');
            var showImg = $(this).attr('src');
            $('#bigPic').attr('src', showImg);
        });
        var value = $('#number').val();
        $('#add').click(function () {
            value=parseInt(value)+1;
            $('#number').val(value);
        });
        $('#min').click(function () {
            if ($('#number').val() == 1) {
                $('#number').val(1);
            } else {
                value=parseInt(value)-1;
                $('#number').val(value);
            }
        });
        $('#add-shop').click(function () {
            alert('暂时不能访问，正在建设中……');
        })
    })
</script>
</html>